@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	.wave
		position relative;
		border 1rpx solid #f2f2f2
		width 400rpx
		height 400rpx
		border-radius 50%
		//line-height 100rpx
		margin 160rpx auto
		font-size 34rpx
		text-align center
		overflow hidden
		animation water-wave linear infinite
		-webkit-animation water-wave linear infinite
		& > view
			position: absolute
			top 40%
			width 200%
			height 200%
			animation inherit
			-webkit-animation inherit
			background #0eaffe
			opacity .7
			&:first-child
				left -25%
				border-radius 40%
				animation-duration 5s
			&:nth-child(2)
				left -35%
				border-radius 35%
				animation-duration 7s
			&:last-child
				top 50%
				left -35%
				background: #0f7ea4
				opacity .4
				border-radius 33%
				animation-duration 9s
	.btn
		width 220rpx
		height 68rpx
		display flex
		align-items center
		font-size 32rpx
		color #fff
		border-radius 34rpx
		justify-content center
		background $shallowThemeColor
		margin 50rpx auto
